<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>蜗牛音乐</title>
    <script  src="{{ url_for('static',filename='frame/Jstools.js') }}"></script>


    <link rel="stylesheet" href="//cdn.bootcss.com/zui/1.9.1/css/zui.min.css">
    <link href="{{ url_for('static',filename='frame/zui-theme.css') }}" />
    <!-- ZUI Javascript 依赖 jQuery -->
    <script src="//cdn.bootcss.com/zui/1.9.1/lib/jquery/jquery.js"></script>
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/zui/1.9.1/js/zui.min.js"></script>
    <!--<script src="static/cloud.js" type="text/javascript"></script>-->


    <style>

    body, html {
        height: 100%;
    }

    .div-css {
        position: fixed;
        left: 50%;
        top: 20%;
        border: 0px solid #c0c0c0;
        width: 400px;
        margin-left: -200px;
        margin-top: -80px;
        margin-left: -200px\9; /* all ie */
        margin-left: -200px\0; /* ie8-9 */
        *margin-left: 90px; /* ie6-7 */
        +margin-left:90px; /* ie7 */
        _margin-left: 90px; /* ie6 */
        margin-top: -80px\9; /* all ie */
        margin-top: -80px\0; /* ie8-9 */
        *margin-top: 30px; /* ie6-7 */
        +margin-top:30px; /* ie7 */
        _margin-top: 30px; /* ie6 */
    }
</style>

    <script type="text/javascript">
        function login() {
            if (!checkinput())
            {
                return;
            }
            var uname= document.getElementById("txt_uname");
            var upwd= document.getElementById("txt_pwd");

            var info={
              userName:uname.value,
              pwd:upwd.value
            };
            var res=JqueryAjax("/login","post",info);
            if (res.success)
            {
                location.href='/';
            }
            else
            {
                TipMessage(res.message);
            }
        }
    </script>


</head>
<body style="height: 100%;">




<div class="div-css" >


    <div>
        <center>

            <h1>蜗牛音乐后台管理</h1>
            <p>蜗牛音乐，每天进步一点点！</p>
        </center>
    </div>
    <br />
    <br />
    <form class="form-horizontal">

        <div class="input-control has-label-left">
            <input type="text" class="form-control required" placeholder="登录名" id="txt_uname">
            <label for="inputAccountExample2" class="input-control-label-left">用户名:</label>
        </div>
        <br />
        <div class="input-control has-label-left">
            <input id="txt_pwd" type="password" class="form-control required" placeholder="登录密码" >
            <label for="inputPasswordExample2" class="input-control-label-left">密码:</label>

        </div>
        <br />
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="saveinfo"> 记住登录信息
                    </label>
                </div>
            </div>
        </div>
        <hr />
    </form>

    <button class="btn btn-primary col-md-6" style="float:right;" type="button"
            onclick="return login();"><i class="icon icon-user"></i> 登录</button>


</div>


</body>



</html>